body{
	font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
	color: #666;
}

/* 版心 */
@media all and (max-width:1349px) {
	.main {
		width: 990px;
		margin: 0 auto;
	}
}

@media all and (min-width:1350px) {
	.main {
		width: 990px;
		margin: 0 auto;
	}
}
// 主体元素颜色
$bodyColor:#e2231a; 

#app{
	// 一、头部
	// 返回首页
	.go-index{
		position: relative;
		li{
			position: relative;
			height: 31px;
			line-height: 31px;
			a{
				padding: 0 7px;
				display: block;
				position: relative;
				overflow: hidden;
				padding-bottom: 3px;
				z-index: 10;
				border: 1px solid #e3e4e5;
				border-bottom: none;
				border-top: none;
			}
		}
	}
	// 头部logo搜索
	.logo-sea{
		height: 80px;
		overflow: hidden;
		// 左边logo
		.left-logo{
			height: 100%;
			h1{
				height: 100%;
			}
		}
	}
	//时间线
	.from-box{
		height: 42px;
		right: 0;
		left: unset;
		border: none;
		.stepflex{
			    display: inline-block;
			    display: block;
			    border-top: 5px solid #ccc;
			    text-align: center;
			    margin: 10px 0  0 0;
			    float: right;
				dl{
					float: left;
					position: relative;
					width: 160px;
					top: -5px;
					border-top: 5px solid #ccc;
				}
				.s-num{
					    position: relative;
					    margin: -15px auto 0;
					    color: #fff;
					    font-weight: 700;
					    width: 23px;
					    height: 23px;
					    background-image: url(../img/step2013.png);
					    line-height: 23px;
				}
				// 1、我的购物车
				.done{
					border-top-color: #caecb6;
					.s-num{
						background-position: -46px 0;
					}
					.s-text{
						color: #caecb6;
					}
				}
				// 2、填写核对订单信息
				.doing{
					border-top-color: #7abd54;
					.s-num{
						background-position: -23px 0;
					}
					.s-text{
						color: #7abd54;
					}
				}
				// 3.成功提交订单
				.last{
					
				}
		}
	}
	
	// 二、内容
	.context{
		// 填写并核对订单信息
		.checkout-tit{
			height: 42px;
			line-height: 42px;
			font-size: 16px;
			font-family: "Microsoft YaHei";
			overflow: hidden;
		}
		// 收纳用户信息大盒子 
		.cheks{
			background-color: #fff;
			padding: 0 20px;
			border: 1px solid #f0f0f0;
			// 分割线
			.hr{
				border-bottom: 1px solid #e6e6e6;
				height: 0;
				margin-bottom: 10px;
			}
			// 标题
			.item-title{
				line-height: 40px;
				height: 40px;
				color: #333;
				h3{
					font-weight: 700;
				}
			}
			//收货人信息
			.address{
				height: 30px;
				line-height: 30px;
				span{
					display: inline-block;
					margin-left: 10px;
					float: left;
				}
				margin-bottom: 19px;
			} 
			// 送货清单
			.goods{
				height: unset;
				overflow: hidden;
				.goods-list{
					float: right;
					width: 616px;
					background-color: #f3fbfe;
					padding: 10px 0;
					.goods-item{
						overflow: hidden;
						margin-bottom: 5px;
						// 商品图片
						img{
							width: 80px;
							height: 80px;
							float: left;
						}
						// 商品介绍
						.git-p{
							float: left;
							width: 39%;
							height: 40px;
							display: block;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
							margin-left: 6px;
						}
						// 价格
						.git-price{
							float: right;
							width: 38%;
							margin: 0 0 5px;
							span{
								display: block;
								float: left;
								width: 50px;
								text-align: right;
							}
							span:nth-child(1){
								color: $bodyColor;
							}
						}
					}
				}
			}
		}
		// 支付盒子
		.play{
			padding: 15px 10px 15px 0;
			line-height: 20px;
			text-align: right;
			border-top: 1px solid #e6e6e6;
			width: 980px;
			color: #999;
			background-color: #f4f4f4;
			margin-right: 10px;
			line-height: 25px;
			// 总金额
			#sumPayPriceId{
				color: #e4393c;
				font-family: Verdana;
				font-weight: 700;
				font-size: 18px;
				min-width: 122px;
				width: 122px;
				float: right;
				float: none;
				text-align: right;
			}
			// 收货人
			.sh-man{
			    margin-right: 10px;
			    line-height: 25px;	
			}
		}
	}
	
}